﻿.ui-btn-inner-greenComponent .ui-btn-inner
{
	background-color: rgb(126, 185, 156);
}
.ui-btn-inner-yellowComponent .ui-btn-inner
{
	background-color: rgb(244, 226, 160);
}
.ui-btn-inner-redComponent .ui-btn-inner
{
	background-color: rgb(248, 125, 143);
}

.ui-bar-greenComponent 
{

    background-image: -webkit-gradient(linear, left top, left bottom, from( #7EB99C /*{c-bar-background-start}*/), to( #7EB99C /*{c-bar-background-end}*/)) !important; /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient( #7EB99C /*{c-bar-background-start}*/, #7EB99C /*{c-bar-background-end}*/) !important;  /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( #7EB99C /*{c-bar-background-start}*/, #7EB99C /*{c-bar-background-end}*/)!important;  /* FF3.6 */
	background-image:     -ms-linear-gradient( #7EB99C /*{c-bar-background-start}*/, #7EB99C /*{c-bar-background-end}*/)!important;  /* IE10 */
	background-image:      -o-linear-gradient( #7EB99C /*{c-bar-background-start}*/, #7EB99C /*{c-bar-background-end}*/)!important;  /* Opera 11.10+ */
	background-image:         linear-gradient( #7EB99C /*{c-bar-background-start}*/, #7EB99C /*{c-bar-background-end}*/)!important; 
	
}

.ui-bar-yellowComponent 
{
    background-image: -webkit-gradient(linear, left top, left bottom, from( #F4E2A0 /*{c-bar-background-start}*/), to( #F4E2A0 /*{c-bar-background-end}*/))!important;  /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient( #F4E2A0 /*{c-bar-background-start}*/, #F4E2A0 /*{c-bar-background-end}*/)!important;  /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( #F4E2A0 /*{c-bar-background-start}*/, #F4E2A0 /*{c-bar-background-end}*/)!important;  /* FF3.6 */
	background-image:     -ms-linear-gradient( #F4E2A0 /*{c-bar-background-start}*/, #F4E2A0 /*{c-bar-background-end}*/)!important;  /* IE10 */
	background-image:      -o-linear-gradient( #F4E2A0 /*{c-bar-background-start}*/, #F4E2A0 /*{c-bar-background-end}*/)!important;  /* Opera 11.10+ */
	background-image:         linear-gradient( #F4E2A0 /*{c-bar-background-start}*/, #F4E2A0 /*{c-bar-background-end}*/)!important; 
}
.ui-bar-redComponent 
{
	    background-image: -webkit-gradient(linear, left top, left bottom, from( #F87D8F /*{c-bar-background-start}*/), to( #F87D8F /*{c-bar-background-end}*/))!important;  /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient( #F87D8F /*{c-bar-background-start}*/, #F87D8F /*{c-bar-background-end}*/)!important;  /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( #F87D8F /*{c-bar-background-start}*/, #F87D8F /*{c-bar-background-end}*/)!important;  /* FF3.6 */
	background-image:     -ms-linear-gradient( #F87D8F /*{c-bar-background-start}*/, #F87D8F /*{c-bar-background-end}*/)!important;  /* IE10 */
	background-image:      -o-linear-gradient( #F87D8F /*{c-bar-background-start}*/, #F87D8F /*{c-bar-background-end}*/)!important;  /* Opera 11.10+ */
	background-image:         linear-gradient( #F87D8F /*{c-bar-background-start}*/, #F87D8F /*{c-bar-background-end}*/)!important; 
	
}
